<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps JavaScript API Example</title>
<!--导入Google Maps API库文件。注意将本代码中的API Key替换为前文申请到的API Key-->
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA1j86tnUDFv8OAtC8dZVtKRT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSzmwrQ90SNUILzGRpsBiaa860gfQ"
      type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
    //声明GMap对象
    var map;
    //声明GPolygon对象
    var polygon;
    
    function load()
    {
      if (GBrowserIsCompatible())
      {
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(39.92, 116.46), 4);
      }
    }
    
    function addPolygon(){
      polygon = new GPolygon(
        [
           new GLatLng(28.01, 120.65),
           new GLatLng(24.15, 120.67),
           new GLatLng(23.09, 114.4),
           new GLatLng(31.33, 118.38),
           new GLatLng(39.92, 116.46),
           new GLatLng(29.59, 106.54),
           new GLatLng(28.01, 120.65),
           new GLatLng(26.65, 118.16)
        ], //GLatLng()数组 
        "#FF0000", //边线颜色
        10, //边线宽度
        0.8, //边线透明度
        "#00FF00", //填充颜色
        0.5 //填充颜色透明度
        ); 
      map.addOverlay(polygon);
    }
    function removePolygon(){
      polygon.remove();
    }
//]]>
    </script>
  </head>
  <!--加载时调用load()函数加载地图，注意加上onunload="GUnload()"防止内存泄露-->
  <body onload="load()" onunload="GUnload()">
    <!--以下id为map的DIV元素即为Google地图的容器-->
    <div id="map" style="width: 500px; height: 400px;"></div>
    <p>
    <input type="button" value="添加polygon" onclick="addPolygon()" />
    <input type="button" value="移除polygon" onclick="removePolygon()" />
    </p>
  </body>
</html>
